<template>
<div>
  <home_title></home_title>
    <van-row
          v-for="value in 5"
          :key="value"
          type="flex"
          justify="center"
          class="test_content"
        >
          <van-col span="12">
            <p>生物考试</p>
            <p>200道题</p>
          </van-col>
          <van-col span="6" offset="6">
            <van-button
              icon="todo-list"
              type="info"
              round
              style="margin-top:25px"
              plain 
            >
              练习
            </van-button>
          </van-col>
        </van-row>
  <tabbar></tabbar>
</div>
</template>

<script>
import Home_title from "@/components/Home_titleView.vue";
import Tabbar from "@/components/TabbarView.vue";

export default {
  components: {
    Home_title,
    Tabbar,
  },
};
</script>

<style scoped>
.test_content {
  border: lightgray solid 1px;
  border-radius: 15px;
  margin: 10px 20px;
  padding: 0px 15px;
}
</style>